<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            .d1{
                width:800px;
                height: 600px;
                background:yellow;
                background-image:url("../images/cute.png");
                background-repeat: no-repeat;

                /*注意：当取值是百分的时候，需要注意,(容器宽度-图片宽度)*百分比*/
                /*(container width - image width) * (position x%) = (x offset value)*/
                /*(container height - image height) * (position y%) = (y offset value)*/
                background-position: 90% 100%;

            }
        </style>
    </head>
    <body>
        <div class="d1"></div>
    </body>
</html>